<div class='select expand'>
	<div class='header'>
		<h1>呼和浩特市</h1>
		<span class='btn'></span>
	</div>
	<ul class='list'>
		<li>北京市</li>
		<li class='hover'>长沙市</li>
		<li>新疆维吾尔族</li>
		<li>宁夏回族自治</li>
	</ul>
</div>
<script>
	$('.select .header').click(function() {
		that = $(this);
		parent = that.parent();
		if(parent.hasClass('expand')) {
			that.next().slideUp('fast', function() {
				parent.removeClass('expand');
			});
		} else {
			that.next().slideDown('fast', function() {
				parent.addClass('expand');
			});
		}
	});

	$('.select .list li').click(function() {
		that = $(this);
		that.siblings().removeClass('hover').end().addClass('hover');
		that.parent().prev().children('h1').html(that.html()).click();
	});
</script>
